﻿@model  List<EvincePayroll.Data.AttendanceLogData>
<style type="text/css">
    table
    {
        margin: 4px;
        border-collapse: collapse;
        width: auto;
        background-color: #E8E8E8;
    }
    .header
    {
        background-color: #E8E8E8;
        font-weight: bold;
        color: #FFF;
        width: auto;
    }
    table th, table td
    {
        border: 1px solid #C0C0C0;
        padding: 5px;
        width: 150px;
    }
    .alt
    {
        background-color: #E8E8E8;
        color: #000;
    }
    .person
    {
        width: 200px;
        font-weight: bold;
    }
</style>
<div class="grid_10">
    <div class="box round first grid">
        <h2>
            Attendance Logs</h2>
        <div class="block">
            @{
                int i = 0;
                <table>
                    <tr>
                        <th>
                            Date
                        </th>
                        <th>
                            Check In Time
                        </th>
                        <th>
                            Check Out Time
                        </th>
                        <th>
                            Time
                        </th>
                        <th>
                            Reason
                        </th>
                    </tr>
                    @foreach (var data in Model)
                    {
                        string style = string.Empty;
                        if ((i % 2) == 0)
                        {
                            style = "style=background-color:white;";
                        }
                        else
                        {
                            style = "style=background-color:#E8E8E8;";
                        }
                        <tr @style>
                            <td>@data.Date
                            </td>
                            <td>@data.ArrivingTime
                            </td>
                            <td>@data.LeavingTime
                            </td>
                            <td>@data.TotalHours
                            </td>
                            <td>@data.Remark
                            </td>
                        </tr>
                        i++;
                    }
                </table>
            }
        </div>
        <br />
        <br />
        <a href="AdminAttendanceTable" id="bktoAttendance">Back To Attendance</a>
    </div>
</div>
